{% extends "hottywood/base.html" %}
{% comment %}
<!--
  Copyright (C) 2008 ZHENG Zhong <http://www.zhengzhong.net/>

  Created on 2009-04-29.
  $Id$
-->
{% endcomment %}

{#________________________________________________________________________________________________#}

{% block html_head %}

<title>Add a movie :: Hottywood</title>
<link rel="stylesheet" type="text/css" media="screen,print" href="{{static_}}/css/form.css"/>

<style type="text/css"><!--

  #add_movie_form .field {
    margin: 0;
    padding: 4px 0 4px 0;
  }
  
  #add_movie_form .field_input,
  #add_movie_form .field_help {
    margin: 0;
    padding: 0;
    display: inline;
  }
  
  #add_movie_form .field_input {
    float: left;
    width: 250px;
  }
  
  #add_movie_form .field_help {
    float: right;
    width: 450px;
    font-family: 'Trebuchet MS',arial,sans-serif;
    color: #666666;
  }
  
  #add_movie_form input.text_input {
    margin: 0;
    padding: 4px;
    width: 240px;
  }

--></style>

{% endblock %}{# html_head #}

{#________________________________________________________________________________________________#}

{% block navbar %}

<b>Add a movie</b>

{% endblock %}

{#________________________________________________________________________________________________#}

{% block content %}

<h1>Add a movie</h1>

<form id="add_movie_form" class="big form" action="." method="POST">

  <div class="field">
    <h2>Movie name * :</h2>
    <div class="field_input">
      <input class="text_input" type="text" name="name"/>
    </div>
    <div class="field_help">
      <div>
        Note that we only accept movies that are registered at
        <a href="http://www.imdb.com/">IMDb (The Internet Movie Database)</a>.
      </div>
    </div>
    <div class="clear"></div>
  </div><!--/.field-->
  
  <div class="field">
    <h2>IMDb ID * :</h2>
    <div class="field_input">
      <input class="text_input" type="text" name="imdb_id"/>
    </div>
    <div class="field_help">
      <div>
        Please <a href="http://www.imdb.com/search">search this movie at IMDb</a> first. You may
        find the movie's IMDb ID in the address bar of its IMDb page.
      </div>
      <div><img src="{{static_}}/images/imdb_id.gif" alt="Movie ID at IMDb"/></div>
    </div>
    <div class="clear"></div>
  </div><!--/.field-->
  
  <div class="field">
    <h2>Run time (minutes) * :</h2>
    <div class="field_input">
      <input class="text_input" type="text" name="run_time"/>
    </div>
    <div class="field_help">
      <div>
        We need the movie's run time to calculate its hot ratio. You may find this information in
        the "Additional Details" section on its IMDb page.
      </div>
      <div><img src="{{static_}}/images/imdb_run_time.gif" alt="Run time at IMDb"/></div>
    </div>
    <div class="clear"></div>
  </div><!--/.field-->
  
  <div class="field">
    <div class="field_input">
      <input class="button" type="submit" value="Add this movie to Hottywood!"/>
    </div>
    <div class="field_help">
      <div>
        Thank you for your contribution to Hottywood!
      </div>
    </div>
  </div><!--/.field-->

</form><!--/#add_movie_form-->

{% endblock %}{# content #}

